<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8">
	<title>评论-闲言轻博客</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" th:href="@{/res/layui/css/layui.css}">
	<link rel="stylesheet" th:href="@{/res/static/css/mian.css}">
</head>
<body class="lay-blog">
		<!--顶栏取自common里的fragment-->
		<div th:insert="~{front/commons/common::topBar}"></div>
		<!--中间栏：内容-->
		<div class="container-wrap">
			<div class="container container-message container-details">
					<div class="contar-wrap">
						<div class="item">
							<div class="item-box  layer-photos-demo1 layer-photos-demo">
								<h3 th:text="${article.getTitle()}">文章标题</h3>
								<h5>发布于：<span th:text="${#dates.format(article.getTime(), 'yyyy/M月/d日 HH:mm')}">发布时间</span></h5>
								<p th:text="${article.getContent()}">文章内容</p>
								<!--<img th:src="@{/res/static/images/item.png}" alt="">-->
								<div class="count layui-clear">
									<span class="pull-left">阅读 <em>100000+</em></span>
									<span class="pull-right like"><i class="layui-icon layui-icon-praise"></i><em>999</em></span>
								</div>
							</div>
						</div>	
						<a name="comment"> </a>
						<div class="comt layui-clear">
							<a href="javascript:;" class="pull-left">评论</a>
							<a th:href="@{/toComment(aid=${article.getAid()})}" class="pull-right">写评论</a>
						</div>
						<div id="LAY-msg-box">
							<div class="info-item" th:each="comment:${commentList}">
								<img class="info-img" th:src="@{/res/static/images/info-img.png}" alt="">
								<div class="info-text">
									<p class="title count">
										<span class="name">匿名</span>
										<span class="info-img like"><i class="layui-icon layui-icon-praise"></i>5.8万</span>
									</p>
									<p class="info-intr" th:text="${comment.getComment()}">评论内容</p>
								</div>
							</div>
						</div>
					</div>
			</div>
		</div>
		<!--底栏，取自common里的fragment-->
		<div th:insert="~{front/commons/common::bottomBar}"></div>
		<script th:src="@{/res/layui/layui.js}"></script>
	<script>
		layui.config({
			base: '/res/static/js/'
		}).use('blog');
	</script>
</body>
</html>